* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
body {
    width: 100%;
    height: 100%;
    /* background-image: url(../image/bg.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1; */
}
.body_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    background-image: url(../image/bg.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
.header_main {
    width: 100%;
    height: 470px;
    background-image: url(../image/header_bg.jpg);
    background-size: 100% 100%;
}
.Cheader_bg {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    position: relative;
    /* #ECF2F7 */
} 
/* .Cheader_bg>.Cheader {
    background: #ECF2F7;
} */
.Cheader_bg>.Cheader>.Cheader_left>ul>li>a {
    color: #fff;
}
.Cheader_bg>.Cheader>.Cheader_left>ul>li>svg {
    font-size: 10px;
    color: #fff;
}

.Cheader_bg>.Cheader>.Cheader_right>svg {
    color: #fff;
}
.Cheader_bg>.Cheader>.Cheader_right>ul>li>svg {
    color: #fff;
}
.Cheader_bg>.Cheader>.Cheader_right>ul>li>a {
    color: #fff;
}
/* 头像 */
/* .Cheader_bg>.Cheader>.Cheader_right>.touxiang {
    background-image: url(../image/img_touxiang3.jpg);
    background-size: 100% 100%;
} */
.Cheader>.Cheader_right>.touxiang {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* border: 1px solid #000; */
    margin-top: 10px;
    float: left;
    overflow: hidden;
    margin-left: 10px;
    /* background: rgba(217,217,217,.8); */
}
.Cheader>.Cheader_right>.touxiang>img {
    height: 100%;
    animation: move 4s steps(8) infinite;
}
@keyframes move {
    from{
        margin-right: 0px;
    }
    to{
        margin-left: -320px;
    }
}

/* 头部两侧图片 */
/* @media (min-width: 1700px) {
    .Cheader_bg>.Cheader>.Cheader_left>img:nth-of-type(1) {
        position: absolute;
        top: 0px;
        left: -230px;
        z-index: -1;
        display: none;
    }
    .Cheader_bg>.Cheader>.Cheader_right>img:nth-of-type(1) {
        position: absolute;
        top: 0px;
        right: -160px;
        z-index: -1;
    }
} */
.Cheader_bg>.Cheader>.Cheader_left>img:nth-of-type(1) {
    position: absolute;
    top: 0px;
    left: -230px;
    z-index: -1;
    display: none;
}
.Cheader_bg>.Cheader>.Cheader_right>img:nth-of-type(1) {
    position: absolute;
    top: 0px;
    right: -160px;
    z-index: -1;
}


/* 头部主体部分 */
.header_content {
    width: 1000px;
    height: 450px;
    background: rgba(0,0,0,0.8);
    margin: 0 auto;
    border-radius: 10px;
}
.header_content>.Hcontent_left {
    width: 84%;
    height: 100%;
    float: left;
    background: #000;
    border-radius: 10px 0px 0px 10px;
    position: relative;
}
.header_content>.Hcontent_left>div {
    width: 140px;
    height: 40px;
    border: 2px solid #ff5d23;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    color: #ff5d23;
    border-radius: 6px;
}
.header_content>.Hcontent_left>div:hover {
    background: #FF5D23;
    color: #fff;
}
.header_content>.Hcontent_right {
    width: 16%;
    height: 100%;
    float: left;
    background: pink;
    background: rgba(0,0,0,0.8);
    border-radius: 0px 10px 10px 0px;
    padding: 10px;
    box-sizing: border-box;
}
.header_content>.Hcontent_right>ul {
    width: 100%;
    height: 100%;
    filter: brightness(80%);
    cursor: pointer;
}
.header_content>.Hcontent_right>ul>li {
    width: 100%;
    height: 15.7%;
    margin-bottom: 4%;
    position: relative;
}
.header_content>.Hcontent_right>ul:hover {
    filter: brightness(100%);
}
.header_content>.Hcontent_right>ul>li>img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.header_content>.Hcontent_right>ul>li>span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
    border-top: 7px solid transparent;
    border-right: 8px solid #ff5d23;
    border-bottom: 7px solid transparent;
    display: none;
}
.img_show {
    border: 3px solid #ff5d23 !important;
}


/* 穿越火线 综合手游 绝地王者 */
.bg1 {
    width: 100%;
    height: 340px;
    background: #f2f5f6;
}
/* 穿越火线 */
.content_chuanyue {
    width: 1000px;
    height: 330px;
    margin: 0 auto;
    /* border: 1px solid #000; */
    padding-top: 50px;
    box-sizing: border-box;
}
.content_chuanyue>.chuanyue {
    width: 33%;
    height: 100%;
    float: left;
    /* background: lavender; */
}
.content_chuanyue>.chuanyue>.chuanyue_top {
    width: 100%;
    height: 40px;
    /* border: 1px solid #000; */
}
.content_chuanyue>.chuanyue>.chuanyue_top>img {
    width: 40px;
    height: 40px;
    float: left;
}
.content_chuanyue>.chuanyue>.chuanyue_top>h2 {
    display: inline-block;
    font-weight: normal;
    line-height: 40px;
    margin: 0px 4px;
    font-size: 22px;
    cursor: pointer;
}
.content_chuanyue>.chuanyue>.chuanyue_top>h2:hover {
    color: #ff5d23;
}
.content_chuanyue>.chuanyue>.chuanyue_top>h6 {
    display: inline-block;
    font-weight: normal;
    color: #999;
}
.content_chuanyue>.chuanyue>.chuanyue_main {
    width: 100%;
    height: 245px;
    /* border: 1px solid #000; */
    margin-top: 4px;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul {
    width: 100%;
    height: 100%;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li {
    width: 50%;
    height: 110px;
    /* border: 1px solid #000; */
    padding-right: 2%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 3%;
    cursor: pointer;
    position: relative;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li:nth-of-type(3),.content_chuanyue>.chuanyue>.chuanyue_main>ul>li:nth-of-type(4) {
    margin-bottom: 0px;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li:hover {
    color: #ff5d23;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li>.img_div {
    width: 100%;
    height: 86px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li>.img_div>img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
    transition: transform .6s;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li:hover>.img_div>img {
    transform: scale(1.2);
    border-radius: 10px 10px 0px 0px;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li>.img_hover {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.content_chuanyue>.chuanyue>.chuanyue_main>ul>li>p {
    width: 100%;
    height: 26px;
    padding: 0px 10px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    line-height: 24px;
}


/* 推荐活动 */
.bg2 {
    width: 100%;
    height: 350px;
    background: #f2f5f6;
}
.content_tuijian {
    width: 1000px;
    height: 100%;
    /* border: 1px solid #000; */
    margin: 0 auto;
}
.content_tuijian>.Tcontent_left {
    width: 34%;
    height: 100%;
    float: left;
    /* background: pink; */
}
.content_tuijian>.Tcontent_left>.TLcontent_top {
    width: 100%;
    height: 50px;
    position: relative;
}
.content_tuijian>.Tcontent_left>.TLcontent_top>img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 4px;
    left: 0px;
}
.content_tuijian>.Tcontent_left>.TLcontent_top>p {
    position: absolute;
    top: 11px;
    left: 50px;
    font-size: 18px;
}

/* 轮播图 */
.content_tuijian>.Tcontent_left>div:last-of-type {
    width: 340px;
    height: 280px;
    /* border: 1px solid #000; */
    overflow: hidden;
    position: relative;
}
.content_tuijian>.Tcontent_left>div>ul {
    width: 1360px;
    height: 100%;
    /* border: 1px solid #000; */
    position: relative;
    z-index: 2;
    
}
.content_tuijian>.Tcontent_left>div>ul>li {
    float: left;
}
.content_tuijian>.Tcontent_left>div>ul>li>img {
    width: 340px;
    height: 280px;
    border-radius: 10px;
}
.content_tuijian>.Tcontent_left>div>ul>li:nth-of-type(1) {
    display: block;
}

/* 轮播图左右按钮 */
.content_tuijian>.Tcontent_left>div:nth-of-type(2)>.lunbo_left,.content_tuijian>.Tcontent_left>div:nth-of-type(2)>.lunbo_right {
    position: absolute;
    top: 50%;
    left: 0px;
    ;transform: translateY(-50%);
    width: 30px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: rgba(0,0,0,0.2);
    border-radius: 0px 6px 6px 0px;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.content_tuijian>.Tcontent_left>div:nth-of-type(2)>.lunbo_left:hover,.content_tuijian>.Tcontent_left>div:nth-of-type(2)>.lunbo_right:hover {
    color: #ff5d23;
}
.content_tuijian>.Tcontent_left>div:nth-of-type(2)>.lunbo_right {
    left: 310px;
    border-radius: 6px 0px 0px 6px;
}


/* 新闻 */
.content_tuijian>.Tcontent_center {
    width: 32%;
    height: 100%;
    float: left;
    /* background: teal; */
    margin-left: 1%;
}
.content_tuijian>.Tcontent_center>.CTontent_top {
    width: 100%;
    height: 50px;
    /* background: #ccc; */
    position: relative;
}
.content_tuijian>.Tcontent_center>.CTontent_top>img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 3px;
    left: 2px;
}
.content_tuijian>.Tcontent_center>.CTontent_top>h2 {
    font-weight: normal;
    position: absolute;
    top: 11px;
    left: 50px;
    font-size: 18px;
    cursor: pointer;
}
.content_tuijian>.Tcontent_center>.CTontent_top>div {
    width: 56px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer;
}
.content_tuijian>.Tcontent_center>.CTontent_top>h2:hover,.content_tuijian>.Tcontent_center>.CTontent_top>div:hover {
    color: #FF5500;
}
.content_tuijian>.Tcontent_center>.CTontent_main {
    width: 100%;
    height: 280px;
    background: #fff;
    border-radius: 10px;
    padding: 10px 6px;
    box-sizing: border-box;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls {
    width: 100%;
    height: 130px;
    border-bottom: 1px solid rgb(217, 217, 217);
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls>li {
    width: 100%;
    height: 40px;
    /* border: 1px solid #000; */
    position: relative;
    cursor: pointer;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls>li:hover {
    color: #FF5500;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls>li>img {
    width: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls>li>h5 {
    margin-left: 46px;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls>li>p {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}

.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls2 {
    width: 100%;
    height: 130px;
    margin-top: 10px;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls2>li {
    width: 100%;
    /* border: 1px solid #000; */
    cursor: pointer;
    line-height: 28px;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls2>li>span {
    font-size: 12px;
    display: inline-block;
    color: #666;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls2>li:hover>p {
    color: #FF5500;
}
.content_tuijian>.Tcontent_center>.CTontent_main>.news_uls2>li>p {
    font-size: 12px;
    color: #666;
    display: inline-block;
}


/* 视频推荐 */
.content_tuijian>.Tcontent_right {
    width: 32%;
    height: 100%;
    float: left;
    /* background: hotpink; */
    margin-left: 1%;
}
.content_tuijian>.Tcontent_right>.RTcontent_top {
    width: 100%;
    height: 50px;
    /* border: 1px solid #000; */
    position: relative;
}
.content_tuijian>.Tcontent_right>.RTcontent_top>img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 3px;
    left: 2px;
}
.content_tuijian>.Tcontent_right>.RTcontent_top>h2 {
    font-weight: normal;
    position: absolute;
    top: 11px;
    left: 50px;
    font-size: 18px;
    cursor: pointer;
}
.content_tuijian>.Tcontent_right>.RTcontent_top>div {
    width: 56px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer;
}
.content_tuijian>.Tcontent_right>.RTcontent_top>h2:hover,.content_tuijian>.Tcontent_right>.RTcontent_top>div:hover {
    color: #FF5500;
}
.content_tuijian>.Tcontent_right>.RTcontent_main {
    width: 100%;
    height: 280px;
    overflow-y: scroll;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls {
    width: 100%;
    /* height: 280px; */
    padding: 10px 6px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li {
    width: 100%;
    height: 70px;
    /* border: 1px solid #000; */
    cursor: pointer;
    margin-top: 4px;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li:nth-of-type(1) {
    margin-top: 0px;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_left {
    width: 40%;
    height: 100%;
    /* border: 1px solid #000; */
    float: left;
    position: relative;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_left>img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_left>span {
    display: inline-block;
    width: 40px;
    height: 20px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 10px 0px 10px 0px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_right {
    width: 60%;
    height: 100%;
    /* border: 1px solid #000; */
    float: left;
    padding: 0px 8px;
    box-sizing: border-box;
    position: relative;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_right>svg {
    position: absolute;
    top: -10px;
    left: 8px;
    font-size: 46px;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_right>h2 {
    width: 100%;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    text-indent: 3em;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li:hover>.MRTcontent_right>h2 {
    color: #FF5500;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_right>div {
    width: 100%;
    height: 30px;
    position: relative;
}
.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_right>div>img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}.content_tuijian>.Tcontent_right>.RTcontent_main>.main_uls>li>.MRTcontent_right>div>p {
    width: 118px;
    position: absolute;
    top: 2px;
    left: 30px;
    font-size: 12px;
}

/* 精彩推荐 */
.bg3 {
    width: 100%;
    height: 470px;
    background: #f2f5f6;
}
.content_jingcai {
    width: 1000px;
    height: 460px;
    /* border: 1px solid #000; */
    margin: 0 auto;
}
.content_jingcai>.jingcai_top {
    width: 100%;
    height: 50px;
    /* border: 1px solid #000; */
    position: relative;
}
.content_jingcai>.jingcai_top>img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.content_jingcai>.jingcai_top>h3 {
    position: absolute;
    top: 12px;
    left: 50px;
    font-weight: normal;
}
.content_jingcai>.jingcai_top>div {
    width: 160px;
    height: 100%;
    float: right;
    margin-right: 1%;
}
.content_jingcai>.jingcai_top>div>ul {
    width: 100%;
    height: 100%;
    line-height: 50px;
}
.content_jingcai>.jingcai_top>div>ul>li {
    float: left;
    font-size: 12px;
}
.content_jingcai>.jingcai_top>div>ul>li:nth-of-type(1) {
    color: #ff5d23;
}
.content_jingcai>.jingcai_top>div>ul>li:nth-of-type(1)::before {
    content: "当前直播";
    color: #999;
    margin-right: 8px;
}
.content_jingcai>.jingcai_top>div>ul>li:nth-of-type(2) {
    margin: 0px 10%;
}
.content_jingcai>.jingcai_top>div>ul>li>div {
    cursor: pointer;
}
.content_jingcai>.jingcai_top>div>ul>li>div:hover {
    color: #ff5d23;
}

.content_jingcai>.jingcai_main {
    width: 100%;
    height: 400px;
    /* border: 1px solid #000; */
}
.content_jingcai>.jingcai_main>.jingcai_ul {
    width: 100%;
    height: 100%;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li {
    width: 25%;
    height: 200px;
    /* background: pink; */
    padding: 6px;
    box-sizing: border-box;
    float: left;
    position: relative;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.img_hover {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>p {
    width: 150px;
    height: 30px;
    /* border: 1px solid #000; */
    font-size: 14px;
    line-height: 30px;
    float: left;
    margin-left: 3%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>span {
    float: right;
    width: 60px;
    height: 30px;
    /* border: 1px solid #000; */
    line-height: 30px;
    font-size: 12px;
    color: #999;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>h6 {
    float: left;
    margin-left: 3%;
    font-weight: normal;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>div {
    width: 100%;
    height: 130px;
    position: relative;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>div>img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div:hover>div>img {
    transform: scale(1.1);
    transition: transform .2s;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.count {
    width: 100%;
    height: 24px;
    /* border: 1px solid #000; */
    margin-top: 30px;
    padding: 0px 10px;
    box-sizing: border-box;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.count>svg {
    font-size: 14px;
    color: #999;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.count>span {
    color: #999;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.count>div {
    float: right;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.count>div>svg {
    color: #999;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.count>div>span {
    color: #999;
}
.content_jingcai>.jingcai_main>.jingcai_ul>li>div>.count>div>span::after {
    content: "万";
}

/* 热门分类 */
.bg4 {
    clear: both;
    width: 100%;
    height: 420px;
    background: rgba(255,255,255,0.1);
}
.content_remen {
    width: 1000px;
    height: 400px;
    /* border: 1px solid #000; */
    margin: 0 auto;
    padding-top: 15x;
    box-sizing: border-box;
}
.content_remen>.Rcontent_top {
    width: 100%;
    height: 40px;
    position: relative;
    /* border: 1px solid #000; */
    line-height: 34px;
}
.content_remen>.Rcontent_top>img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 4px;
    left: 0px;
}
.content_remen>.Rcontent_top>h3 {
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: 6px;
    left: 40px;
}
.content_remen>.Rcontent_top>div {
    width: 240px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 134px;
}
.content_remen>.Rcontent_top>div>span {
    color: #ff5d23;
    font-size: 12px;
    position: absolute;
    top: 10px;
}
.content_remen>.Rcontent_top>div>.sort_span {
    left: 0px;
}
.content_remen>.Rcontent_top>div>.sort_span::before {
    content: "共";
    color: #fff;
}
.content_remen>.Rcontent_top>div>.sort_span::after {
    content: "分类";
    color: #fff;
}
.content_remen>.Rcontent_top>div>.sort_span2 {
    left: 76px;
}
.content_remen>.Rcontent_top>div>.sort_span2::after {
    content: "直播";
    color: #fff;
}
.content_remen>.Rcontent_top>div>.sort_span3 {
    top: 22px;
    left: 154px;
    display: inline-block;
    background: #fff;
    width: 2px;
    height: 10px;
}
.content_remen>.Rcontent_top>div>div {
    width: 58px;
    height: 100%;
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    line-height: 34px;
}
.content_remen>.Rcontent_top>div>div:hover {
    color: #ff5d23;
}

/* 热门分类 */
.content_remen>.Rcontent_main {
    width: 100%;
    height: 340px;
    /* border: 1px solid #000; */
    margin-top: 10px;
}
.content_remen>.Rcontent_main>ul {
    width: 100%;
    height: 100%;
}
.content_remen>.Rcontent_main>ul>li {
    width: 13%;
    height: 160px;
    background-image: url(../image/sort_bg.webp);
    background-size: 100% 100%;
    position: relative;
    text-align: center;
    float: left;
    margin-right: 1%;
    margin-top: 1%;
    cursor: pointer;
}
.content_remen>.Rcontent_main>ul>li:nth-of-type(7n+1) {
    margin-left: 1%;
}
.content_remen>.Rcontent_main>ul>li>.sort_hover {
    display: inline-block;
    width: 100%;
    height: 100%;
    /* background-image: url(../image/sort_bg_hover.webp);
    background: 100% 100%; */
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
.content_remen>.Rcontent_main>ul>li>.sort_hover>img {
    width: 100%;
    height: 100%;
}
.content_remen>.Rcontent_main>ul>li>img {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.content_remen>.Rcontent_main>ul>li>p {
    width: 100%;
    height: 30px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.content_remen>.Rcontent_main>ul>li>p:nth-of-type(1) {
    top: 100px;
    font-size: 14px;
}
.content_remen>.Rcontent_main>ul>li>p:nth-of-type(2) {
    top: 120px;
    font-size: 12px;
    color: #999;
}
.content_remen>.Rcontent_main>ul>li>p:nth-of-type(2)::after {
    content: "场直播";
}

/* 精彩活动 */
.bg5 {
    width: 100%;
    height: 300px;
    background: #ECF1F8;
}
.content_jcActivity {
    width: 1000px;
    height: 100%;
    margin: 0px auto;
    /* border: 1px solid #000; */
    position: relative;
    padding-top: 30px;
    box-sizing: border-box;
}
.content_jcActivity>img {
    position: absolute;
    top: 30px;
    right: 10px;
}

/* 头部 */
.content_jcActivity>.activity_top {
    width: 100%;
    height: 50px;
    position: relative;
    /* border: 1px solid #000; */
    line-height: 40px;
}
.content_jcActivity>.activity_top>img {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 34px;
    height: 34px;
}
.content_jcActivity>.activity_top>h3 {
    font-weight: normal;
    font-size: 18px;
    position: absolute;
    left: 36px;
}

/* 主体 */
.content_jcActivity>.activity_main {
    width: 100%;
    height: 200px;
    /* border: 1px solid #000; */
    padding: 10px 0px;
    box-sizing: border-box;
}
.content_jcActivity>.activity_main>ul {
    width: 100%;
    height: 100%;
}
.content_jcActivity>.activity_main>ul>li {
    width: 20%;
    height: 100%;
    border-radius: 10px;
    padding: 0px 1%;
    box-sizing: border-box;
    float: left;
}
.content_jcActivity>.activity_main>ul>li>div {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}
.content_jcActivity>.activity_main>ul>li>div>img {
    width: 100%;
    height: 120px;
    border-radius: 10px 10px 0px 0px;
}
.content_jcActivity>.activity_main>ul>li>div>p:nth-of-type(1) {
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
}
.content_jcActivity>.activity_main>ul>li>div:hover>p:nth-of-type(1) {
    color: #ff5d23;
}
.content_jcActivity>.activity_main>ul>li>div>p:nth-of-type(2) {
    font-size: 12px;
    color: #999;
    padding-left: 10px;
    box-sizing: border-box;
}

/* 英雄联盟 绝地求生 穿越火线*/
.bg6,.bg7,.bg8 {
    width: 100%;
    /* height: 480px; */
    height: 100%;
    background: #f2f5f6;
}
.content_hero,.content_juedi,.content_chuanyuehx {
    width: 1000px;
    height: 480px;
    margin: 0 auto;
    /* border: 1px solid #000; */
    padding-top: 20px;
    box-sizing: border-box;
}
.content_hero>.Hcontent_top,.content_juedi>.JDcontent_top,.content_chuanyuehx>.CYcontent_top {
    width: 100%;
    height: 40px;
    /* border: 1px solid #000; */
    position: relative;
}
.content_hero>.Hcontent_top>img,.content_juedi>.JDcontent_top>img,.content_chuanyuehx>.CYcontent_top>img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.content_hero>.Hcontent_top>h3,.content_juedi>.JDcontent_top>h3,.content_chuanyuehx>.CYcontent_top>h3 {
    position: absolute;
    top: 12px;
    left: 50px;
    font-weight: normal;
}
.content_hero>.Hcontent_top>div,.content_juedi>.JDcontent_top>div,.content_chuanyuehx>.CYcontent_top>div {
    width: 160px;
    height: 100%;
    float: right;
    margin-right: 1%;
}
.content_hero>.Hcontent_top>div>ul,.content_juedi>.JDcontent_top>div>ul,.content_chuanyuehx>.CYcontent_top>div>ul {
    width: 100%;
    height: 100%;
    line-height: 50px;
}
.content_hero>.Hcontent_top>div>ul>li,.content_juedi>.JDcontent_top>div>ul>li,.content_chuanyuehx>.CYcontent_top>div>ul>li {
    float: left;
    font-size: 12px;
}
.content_hero>.Hcontent_top>div>ul>li:nth-of-type(1),.content_juedi>.JDcontent_top>div>ul>li:nth-of-type(1),.content_chuanyuehx>.CYcontent_top>div>ul>li:nth-of-type(1) {
    color: #ff5d23;
}
.content_hero>.Hcontent_top>div>ul>li:nth-of-type(1)::before,.content_juedi>.JDcontent_top>div>ul>li:nth-of-type(1)::before,.content_chuanyuehx>.CYcontent_top>div>ul>li:nth-of-type(1)::before {
    content: "当前直播";
    color: #999;
    margin-right: 8px;
}
.content_hero>.Hcontent_top>div>ul>li:nth-of-type(2),.content_juedi>.JDcontent_top>div>ul>li:nth-of-type(2),.content_chuanyuehx>.CYcontent_top>div>ul>li:nth-of-type(2) {
    margin: 0px 10%;
}
.content_hero>.Hcontent_top>div>ul>li>div,.content_juedi>.JDcontent_top>div>ul>li>div,.content_chuanyuehx>.CYcontent_top>div>ul>li>div {
    cursor: pointer;
}

.content_hero>.Hcontent_top>div>ul>li>div:hover,.content_juedi>.JDcontent_top>div>ul>li>div:hover,.content_chuanyuehx>.CYcontent_top>div>ul>li>div:hover {
    color: #ff5d23;
}

.content_hero>.Hcontent_main,.content_juedi>.JDcontent_main,.content_chuanyuehx>.CYcontent_main {
    width: 100%;
    height: 400px;
    /* border: 1px solid #000; */
}
.content_hero>.Hcontent_main>.hero_uls,.content_juedi>.JDcontent_main>.life_uls,.content_chuanyuehx>.CYcontent_main>.cyhx_uls {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.content_hero>.Hcontent_main>.hero_uls>li,.content_juedi>.JDcontent_main>.life_uls>li,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li {
    width: 25%;
    height: 200px;
    /* background: pink; */
    padding: 6px;
    box-sizing: border-box;
    float: left;
    position: relative;
}
.content_hero>.Hcontent_main>.hero_uls>li>div,.content_juedi>.JDcontent_main>.life_uls>li>div,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
}
.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.img_hover {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* display: none; */
    opacity: 0;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>p,.content_juedi>.JDcontent_main>.life_uls>li>div>p,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>p {
    width: 150px;
    height: 30px;
    /* border: 1px solid #000; */
    font-size: 14px;
    line-height: 30px;
    float: left;
    padding: 0px 3%;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>span,.content_juedi>.JDcontent_main>.life_uls>li>div>span,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>span {
    float: right;
    width: 60px;
    height: 30px;
    /* border: 1px solid #000; */
    line-height: 30px;
    font-size: 12px;
    color: #999;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>h6,.content_juedi>.JDcontent_main>.life_uls>li>div>h6,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>h6 {
    float: left;
    margin-left: 3%;
    font-weight: normal;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>div,.content_juedi>.JDcontent_main>.life_uls>li>div>div,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>div {
    width: 100%;
    height: 130px;
    position: relative;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>div>img,.content_juedi>.JDcontent_main>.life_uls>li>div>div>img,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>div>img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
}
.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div:hover>div>img {
    transform: scale(1.2);
    transition: transform .6s;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>.count,.content_juedi>.JDcontent_main>.life_uls>li>div>.count,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.count {
    width: 100%;
    height: 24px;
    /* border: 1px solid #000; */
    margin-top: 30px;
    padding: 0px 10px;
    box-sizing: border-box;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>.count>svg,.content_juedi>.JDcontent_main>.life_uls>li>div>.count>svg,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.count>svg {
    font-size: 14px;
    color: #999;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>.count>span,.content_juedi>.JDcontent_main>.life_uls>li>div>.count>span,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.count>span {
    color: #999;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>.count>div,.content_juedi>.JDcontent_main>.life_uls>li>div>.count>div,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.count>div {
    float: right;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>.count>div>svg,.content_juedi>.JDcontent_main>.life_uls>li>div>.count>div>svg,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.count>div>svg {
    color: #999;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>.count>div>span,.content_juedi>.JDcontent_main>.life_uls>li>div>.count>div>span,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.count>div>span {
    color: #999;
}
.content_hero>.Hcontent_main>.hero_uls>li>div>.count>div>span::after,.content_juedi>.JDcontent_main>.life_uls>li>div>.count>div>span::after,.content_chuanyuehx>.CYcontent_main>.cyhx_uls>li>div>.count>div>span::after {
    content: "万";
}

/* 官方 */
.content_chuanyuehx:last-of-type {
    height: 300px;
}

/* 底部上一块单机热游 科技文化。 */
.bg_footer {
    width: 100%;
    height: 340px;
    background: #f2f5f6;
}
.bg_footer_main {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    /* border: 1px solid #000; */
}
.bg_footer_main>.bg_footer_top {
    width: 100%;
    height: 170px;
    
}
.bg_footer_main>.bg_footer_top>div {
    height: 100%;
    float: left;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}
.bg_footer_main>.bg_footer_top>.Tfooter_one {
    width: 37%;
    margin-right: 1%;
}
.bg_footer_main>.bg_footer_top>.Tfooter_one>p {
    font-size: 14px;
    color: #333;
    line-height: 40px;
}
.bg_footer_main>.bg_footer_top>.Tfooter_one>ul {
    width: 100%;
    height: 100%;
}
.bg_footer_main>.bg_footer_top>.Tfooter_one>ul>li {
    width: 25%;
    height: 30px;
    color: #999;
    font-size: 12px;
    padding: 0px 1%;
    box-sizing: border-box;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}

.bg_footer_main>.bg_footer_top>.Tfooter_two,.bg_footer_main>.bg_footer_top>.Tfooter_three,.bg_footer_main>.bg_footer_top>.Tfooter_four {
    width: 20%;
    margin-right: 1%;
}
.bg_footer_main>.bg_footer_top>.Tfooter_four {
    margin-right: 0px;
}
.bg_footer_main>.bg_footer_top>.Tfooter_two>p,.bg_footer_main>.bg_footer_top>.Tfooter_three>p,.bg_footer_main>.bg_footer_top>.Tfooter_four>p {
    font-size: 14px;
    color: #333;
    line-height: 40px;
}
.bg_footer_main>.bg_footer_top>.Tfooter_two>ul,.bg_footer_main>.bg_footer_top>.Tfooter_three>ul,.bg_footer_main>.bg_footer_top>.Tfooter_four>ul {
    width: 100%;
    height: 100%;
}
.bg_footer_main>.bg_footer_top>.Tfooter_two>ul>li,.bg_footer_main>.bg_footer_top>.Tfooter_three>ul>li,.bg_footer_main>.bg_footer_top>.Tfooter_four>ul>li {
    width: 50%;
    height: 30px;
    color: #999;
    font-size: 12px;
    padding: 0px 1%;
    box-sizing: border-box;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}
.bg_footer_main>.bg_footer_top>.Tfooter_one>ul>li:hover,.bg_footer_main>.bg_footer_top>.Tfooter_two>ul>li:hover,.bg_footer_main>.bg_footer_top>.Tfooter_three>ul>li:hover,.bg_footer_main>.bg_footer_top>.Tfooter_four>ul>li:hover {
    color: #ff5d23;
}


.bg_footer_main>.bg_footer_bottom {
    width: 100%;
    height: 146px;
    margin-top: 10px;
}
.bg_footer_main>.bg_footer_bottom>div {
    height: 100%;
    float: left;
    padding: 10px 14px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 6px;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_one {
    width: 16%;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_two {
    width: 66%;
    margin: 0px 1%;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_three {
    width: 16%;
}

.bg_footer_main>.bg_footer_bottom>.Bfooter_one>p,.bg_footer_main>.bg_footer_bottom>.Bfooter_two>p,.bg_footer_main>.bg_footer_bottom>.Bfooter_three>p {
    font-size: 14px;
    color: #333;
    line-height: 40px;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_one>ul,.bg_footer_main>.bg_footer_bottom>.Bfooter_two>ul,.bg_footer_main>.bg_footer_bottom>.Bfooter_three>ul {
    width: 100%;
    height: 100%;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_one>ul>li,.bg_footer_main>.bg_footer_bottom>.Bfooter_two>ul>li,.bg_footer_main>.bg_footer_bottom>.Bfooter_three>ul>li {
    width: 50%;
    height: 30px;
    color: #999;
    font-size: 12px;
    padding: 0px 1%;
    box-sizing: border-box;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_two>ul>li {
    width: 16%;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_three>ul>li {
    width: 100%;
}
.bg_footer_main li {
    cursor: pointer;
}
.bg_footer_main>.bg_footer_bottom>.Bfooter_one>ul>li:hover,.bg_footer_main>.bg_footer_bottom>.Bfooter_two>ul>li:hover,.bg_footer_main>.bg_footer_bottom>.Bfooter_three>ul>li:hover {
    color: #ff5d23;
}

/* 底部 脚注 */
footer {
    width: 100%;
    height: 460px;
    background: #3F3F3F;
}
.footer_main {
    width: 1000px;
    height: 100%;
    /* border: 1px solid #000; */
    margin: 0 auto;
}
.footer_main>.footer_top {
    width: 100%;
    height: 60px;
    color: #fff;
    line-height: 60px;
    padding: 0px 0px 0px 10px;
    box-sizing: border-box;
}
.footer_main>.footer_center {
    width: 100%;
    height: 180px;
}
.footer_main>.footer_center>ul {
    width: 100%;
    height: 100%;
}
.footer_main>.footer_center>ul>li {
    width: 13%;
    height: 30px;
    background: #464646;
    float: left;
    color: hsla(0,0%,100%,.6);
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    margin-left: 1%;
    margin-top: 1%;
    cursor: pointer;
}
.footer_main>.footer_center>ul>li:hover {
    color: #fff;
}
.footer_main>.footer_bottom {
    width: 100%;
    height: 200px;
}
.footer_main>.footer_bottom>div {
    width: 100%;
    height: 60px;
    font-size: 12px;
    color: hsla(0,0%,100%,.6);
}
.footer_main>.footer_bottom>.footer_one {
    width: 84%;
    height: 60px;
    margin: 0 auto;
}
.footer_main>.footer_bottom>div>ul {
    width: 88%;
    height: 100%;
    float: left;
    /* padding-left: 10px; */
    box-sizing: border-box;
}
.footer_main>.footer_bottom>div>ul>li{
    float: left;
    line-height: 60px;
    margin-left: 5px;
}
.footer_main>.footer_bottom>div>ul>li::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: hsla(0,0%,100%,.6);
    margin-left: 5px;
}
.footer_main>.footer_bottom>.footer_one>div {
    width: 12%;
    height: 100%;
    float: right;
    position: relative;
}
.footer_main>.footer_bottom>.footer_one>div>span {
    position: absolute;
    top: 18px;
    display: inline-block;
    height: 24px;
    background-image: url(../image/footer.png);
    background-position: -2px 0;
    cursor: pointer;
}
.footer_main>.footer_bottom>.footer_one>div>.qq,.footer_main>.footer_bottom>.footer_one>div>.wechat,.footer_main>.footer_bottom>.footer_one>div>.weibo {
    left: 0px;
    width: 24px;
}
.footer_main>.footer_bottom>.footer_one>div>.wechat {
    width: 28px;
    height: 24px;
    left: 32px;
    background-position: -2px -56px;
}
.footer_main>.footer_bottom>.footer_one>div>.wechat_div {
    position: absolute;
    top: -100px;
    left: 0px;
    width: 118px;
    height: 118px;
    background-image: url(../image/footer.png);
    background-position: -30px -30px;
    display: none;
}
.footer_main>.footer_bottom>.footer_one>div>.weibo {
    width: 28px;
    height: 24px;
    left: 66px;
    background-position: -2px -116px;
}
.footer_main>.footer_bottom>.footer_one>div>.weibo:hover {
    background-position: -2px -146px;
}
.footer_main>.footer_bottom>.footer_two {
    padding: 0 8px;
    box-sizing: border-box;
}
.footer_main>.footer_bottom>.footer_two>p {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}
.footer_main>.footer_bottom>.footer_two>p>a {
    color: hsla(0,0%,100%,.6);
    position: relative;
    line-height: 26px;
}
.footer_main>.footer_bottom>.footer_two>p>a:hover {
    color: #fff;
}
.footer_main>.footer_bottom>.footer_two>p>a>span {
    position: absolute;
    top: -4px;
    left: -22px;
    display: inline-block;
    background-image: url(../image/footer.png);
    background-position: -30px 0px;
}

.footer_main>.footer_bottom>.footer_two>p>a:nth-of-type(2) {
    margin-left: 26px;
}
.footer_main>.footer_bottom>.footer_two>p>a>.yue {
    width: 22px;
    height: 22px;
}

.footer_main>.footer_bottom>.footer_two>p>a:nth-of-type(3) {
    margin-left: 22px;
}
.footer_main>.footer_bottom>.footer_two>p>a>.gong {
    background-position: -124px 0px;
    width: 22px;
    height: 22px;
}

.footer_main>.footer_bottom>.footer_two>p>a:nth-of-type(4) {
    margin-left: 74px;
}
.footer_main>.footer_bottom>.footer_two>p>a>.e {
    left: -72px;
    background-position: -52px 0px;
    width: 70px;
    height: 22px;
}
.footer_main>.footer_bottom>.footer_three>p {
    width: 88%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}
.footer_main>.footer_bottom>.footer_three>p>a {
    color: hsla(0,0%,100%,.6);
    line-height: 24px;
}
.footer_main>.footer_bottom>.footer_three>p>a:hover {
    color: #fff;
}

/* 侧边导航条 */
.tarbar {
    width: 80px;
    /* height: 200px; */
    border-radius: 6px;
    position: fixed;
    top: 80px;
    /* left: 34px; */
    /* border: 1px solid #000; */
    display: none;
}
.tarbar>.tarbar_uls {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0px 0px 6px rgb(207, 207, 207);
}
.tarbar>.tarbar_uls>li {
    width: 100%;
    height: 40px;
    text-align: left;
    line-height: 40px;
    /* background-image: url(../image/left.webp); */
    background-size: 100% 100%;
    font-size: 12px;
    padding: 0px 10px;
    position: relative;
    padding: 0px 16px;
    cursor: pointer;
}

.tarbar>.tarbar_uls>li:nth-of-type(even) {
    background: #fff;
}
.tarbar>.tarbar_uls>li:nth-of-type(odd) {
    background: #f6f6f6;
}
.tarbar>.tarbar_uls>li>a {
    color: #fff;
    /* z-index: 10; */
}
.tarbar>.tarbar_uls>li>span {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #fff;
    border-radius: 4px;
    margin-right: 4px;
    display: none;
}
.tarbar>.tarbar_uls>li:nth-of-type(1) {
    font-style: italic;
    color: #fff;
    background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),url(../image/left1.webp);
    background-size: 100% 100%;
    /* filter: brightness(40%); */
}
.tarbar>.tarbar_uls>li:nth-of-type(1)>span {
    display: block;
    background: #fff;
}

/* 右边定位条 */
.fix {
    width: 250px;
    height: 238px;
    position: fixed;
    top: 40%;
    right: 0px;
}
.fix>div:nth-of-type(1) {
    width: 46px;
    height: 190px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 10px 0px 0px 0px;
    overflow: hidden;
    transition: height .6s;
    box-shadow: 0px 0px 6px rgb(207, 207, 207);
}
.fix>div>div {
    width: 46px;
    height: 46px;
    background: #fff;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
    margin-bottom: 2px;
    cursor: pointer;
    color: #999;
}
.fix>div>div:nth-of-type(1) {
    border-radius: 10px 0px 0px 0px;
}

.fix>div>div>svg {
    display: inline-block;
    width: 30px;
    height: 24px;
    color: #999;
    /* display: none; */
}
.fix>div>.fix_one>div,.fix>div>.fix_two>div,.fix>div>.fix_three>div,.fix>div>.fix_four>div,.fix>div>.fix_one>div,.fix>div>.fix_two>div,.fix>div>.fix_three>div,.fix>div>.fix_five>div {
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    padding: 4px 0px;
    box-sizing: border-box;
    background: #ff5d23;
    display: none;
}
.fix>div>.fix_two>div,.fix>div>.fix_three>div {
    padding: 4px 6px;
    box-sizing: border-box;
}
.fix>div>.fix_five>div>svg {
    width: 30px;
    height: 24px;
    margin-top: 6px;
}


/* 定位条滑出框 */
.fix>.fix_one_hover {
    position: absolute;
    top: 0px;
    right: 50px;
    background: #fff;
    width: 160px;
    height:160px;
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
    padding-top: 16px;
    box-sizing: border-box;
    display: none;
}
.fix>.fix_one_hover>div {
    width: 100%;
    height: 30px;
    /* border: 1px solid #000; */
    position: relative;
}
.fix>.fix_one_hover>div>svg {
    background: #FFE5DC;
    padding: 1px;
    padding:1px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 4px;
    left: 0px;
    font-size: 12px;
    color: #FFC0AA;
}
.fix>.fix_one_hover>div>span {
    display: inline-block;
    width: 70px;
    font-weight: bold;
    color: #999;
    position: absolute;
    top: 0px;
    left: 55%;
    transform: translateX(-50%);
    line-height: 30px;
    font-size: 14px;
}
.fix>.fix_one_hover>div:last-of-type {
    color: #ff5d23; 
    font-size: 12px;
}
.fix>.fix_two_hover {
    position: absolute;
    top: 48px;
    right: 50px;
    width: 156px;
    height: 190px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    display: none;
}
.fix>.fix_two_hover>h6 {
    text-align: center;
    font-size: 12px;
    color: #666;
}
.fix>.fix_two_hover>p {
    width: 100%;
    height: 20px;
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 20px;
}
.fix>.fix_two_hover>img {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}